// 文章页面根据主页传入的id向后端申请对应id的文章内容
function main() {
    // 解析 URL 参数
    const params = new URLSearchParams(window.location.search);
    const id = params.get('id');
    const keyword = params.get('keyword');

    var url = 'http://localhost:8080/article';

    // 如果有 id 参数，将其添加到 URL
    if (id) {
        url += '?id=' + id;
    } 
    // 如果有 keyword 参数，将其添加到 URL
    else if (keyword) {
        url += '?keyword=' + keyword;
    }
    // // 模拟从后端获取文章内容
    // const articles = {
    //     1: { title: '文章标题1', content: '文章内容1' },
    //     2: { title: '文章标题2', content: '文章内容2' }
    // };

    // // 根据文章 ID 获取文章内容
    // const article = articles[articleId];

    // // 将文章内容展示在界面上
    // document.getElementById('title').textContent = article.title;
    // document.getElementById('content').textContent = article.content;

    $(document).ready(function () {
        $.ajax({
            url: url, // 后端提供数据的接口地址
            type: 'GET', // 请求类型，GET 或 POST
            dataType: 'json', // 预期的服务器响应的数据类型
            success: function (data) {
                // 成功获取数据后的回调函数
                // 填充标题内容
                $("#title").text(data.title);
                // 填充内容
                $("#content").text(data.content);
                // data.forEach(function (item) {
                //     // 填充标题内容
                //     $("#title").text(item.title);
                //     // 填充内容
                //     $("#content").text(item.content);

                // });
            },
            error: function () {
                // 请求失败时的回调函数
                console.error('Failed to fetch data');
            }
        });
    });
}

export {
    main
}